﻿@charset "utf-8";
/* CSS Document */

*{  border:none; list-style:none; text-decoration:none; }
.center{ width:1024px; height: auto; margin:0 auto;}
.clear{ clear:both;}
body{
margin:0; padding:0; font:12px/22px "微软雅黑","黑体", Arial
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span { margin:0;padding:0;}

.top{ width:100%; height:120px; background:url(/template/test/img/shouye/topbg.gif) repeat-x; overflow:hidden}
.top .logo{ height:105px; float:left; margin-top:8px;}
.top .logo img{ float:left;}
.top .right{ width:525px; height:120px; float:right;}
.top .right .share{ height:22px; line-height:22px; float:right; margin-top:15px; }
.top .right .share .text{ float:left;}
.bdsharebuttonbox{ height:24px; float:left;}
.top .right .share a{ font:12px/22px "微软雅黑"; color:#555; }
.top .right .share a img{ width:22px; height:22px; line-height:22px;}
.top .right .share span{font:12px/22px "微软雅黑"; color:#555;}
.top .right .search{ width:500px; height:30px; margin-top:30px; float:right;}
.top .right .search p{ width:230px; height:30px; font:14px/30px "微软雅黑"; color:#555; float:left}
.top .right .search p span{ font:18px/30px "微软雅黑"; font-weight:bold; color:#ff891b;}
.top .right .search .search-form{ width:270px; height:30px; float: right; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#999;}
.top .right .search .search-form .searchbox{ width:208px; height:28px; float:left; border-top-left-radius:5px; border-bottom-left-radius:5px; margin:1px; padding-left:10px; font:12px/30px "微软雅黑"; color:#555;}
.top .right .search .search-form .search-btn{ width:45px; height:30px; background: url(/template/test/img/shouye/s-btn.gif) no-repeat; cursor:pointer; float:left }


/* 导航CSS */
.menu { width:100%; height:40px; background:url(/template/test/img/shouye/navbg.gif) no-repeat center center; margin:0 auto; }
.nav{ width: 1024px; position: relative; z-index: 3; height: 40px; margin: 0px auto; }
.nav li{ position: relative; width: 102px; float: left; display:inline;}
.nav li a{ font: 14px/40px "微软雅黑"; color: #fff; text-align: center; width: 102px; height: 40px; display: block; }
.nav li a:hover , .nav li a.current, .nav li a.hover { color:#fff; }
.nav li ul{ position: absolute; z-index: 999; display: none; left: 0px; top: 100%; }
.nav li ul li { border-right:none; width:102px; height:auto; position:relative; } 
.nav li ul li a{ height: 36px; overflow: hidden; color: #fff; font: 12px/36px "微软雅黑"; width: 102px; display:block; background:#000; }
.nav li ul li a:hover{ background:#e6a900; color:#fff}
/* 导航CSS END */


/* banner css */
#kinMaxShow{visibility:hidden;width:100%; height:550px; overflow:hidden;}
.nybanner #kinMaxShow{height:300px;}
#kinMaxShow .KMSPrefix_kinMaxShow_button{ width:162px; overflow:hidden; left:50%; margin-left:-56px;}
.banner{ position:relative; z-index:1; }
.banner #kinMaxShow .KMSPrefix_kinMaxShow_button{bottom:20px;}
.banner #kinMaxShow .KMSPrefix_kinMaxShow_button li{ height: 10px; width: 40px; margin:0 5px; background:#fff}
/* banner css END*/


.solution{ width:1024px; height:500px; margin:40px auto}
.solution .s-title1{ width:182px; height:45px; background:url(/template/test/img/shouye/solutionbg.gif) no-repeat; font:24px/36px "微软雅黑"; color:#fff; text-align:center; float:left; margin-left:230px; display:inline}
.solution .s-title2{ width:130px; height:47px; background:url(/template/test/img/shouye/solutionbg2.gif) no-repeat; font:24px/36px "微软雅黑"; color:#fff; text-align:center; float:left; margin-left:390px; display:inline }
.solution ul{ clear:both; width:1024px; height:430px; padding-top:20px;}
.solution ul li{ width:300px; height:420px; float:left; }
.solution ul li img{ display:block;  margin:0 auto;}
.solution ul li h2{ width:300px; height:50px; font:24px/50px "微软雅黑"; font-weight:bold; color:#ffb200; text-align:center; }
.solution ul li p{ width:280px; height:78px; font:12px/24px "微软雅黑"; color:#555; text-align:center; padding:0 10px; overflow:hidden;}
.solution ul li .more{ float:none}
.solution ul li .more a{ width:102px; height:30px; background:#555;  text-align:center; margin:0 auto; display:block; font:12px/30px "微软雅黑"; color:#fff;}
.solution ul li .more a:hover{ text-decoration:underline;background:#ffb200}


.photo{ width:1024px; height:670px; margin:0 auto; overflow:hidden;}
.photo .photo-list{ width:1024px; height:550px; margin-top:30px;}
.photo .photo-list .p1{ float:left; width:502px; height:350px;}
.photo .photo-list .p1 a{ display:block; position:relative; z-index:1; width:502px; height:350px;}
.photo .photo-list .p1 a img{ width:502px; height:350px; position:absolute; top:0; left:0; z-index:2; overflow:hidden;}
.photo .photo-list .p1 a .text1{width:502px; height:350px; background:url(/template/test/img/shouye/photobg1.png) no-repeat; position: absolute; left:0; top:0; z-index:3; display:none;}
.photo .photo-list .p1 a .text1 span{ width:100px; border:1px solid #fff; text-align:center;height:24px;  font: 14px/24px "微软雅黑"; color: #FFF; display:block; position: absolute; left: 200px; top: 165px; z-index: 4; }
.photo .photo-list .p1 a:hover .text1{ display:block;}

.photo .photo-list .p2{ float:left; width:241px; height:168px; margin-left:20px; display:inline;}
.photo .photo-list .p2 a{ display:block; position:relative; z-index:1; width:241px; height:168px;}
.photo .photo-list .p2 a img{ width:241px; height:168px; position:absolute; top:0; left:0; z-index:2; overflow:hidden;}
.photo .photo-list .p2 a .text2{width:241px; height:168px; background:url(/template/test/img/shouye/photobg2.png) no-repeat; position: absolute; left:0; top:0; z-index:3; display:none;}
.photo .photo-list .p2 a .text2 span{ width:100px; border:1px solid #fff; text-align:center;height:24px;  font: 14px/24px "微软雅黑"; color: #FFF; display:block; position: absolute; left:75px; top: 70px; z-index: 4; }
.photo .photo-list .p2 a:hover .text2{ display:block;}



#wrapper {width: 1024px; margin: 25px auto;}
#slider { width: 1024px; margin: 25px auto; position: relative; height:470px; overflow:hidden;}
.scroll { overflow: hidden; width: 960px;  margin: 0 auto; position: relative; padding-right:20px;}
.scrollContainer { position: relative;}
.scrollContainer div.panel { width: 330px;height: 442px;display: table}
.inside{ width: 330px; height: 442px;display: table-cell; vertical-align:middle;}
.inside img {display: block;border: 1px solid #666;margin:0px auto;width: 220px;line-height:442px; vertical-align:middle;}
.scrollButtons {  position: absolute; top: 127px; cursor: pointer;}
.scrollButtons.left {left: 0px;top:180px;}
.scrollButtons.right { right:0px;top:180px;}
.hide {  display: none;}


.jz{ width:100%; height:482px; background:#f2f2f2; margin-top:20px; overflow:hidden;}
.jz .jz-title{ width:100px; height:40px; font:24px/40px "微软雅黑"; font-weight:bold; color:#000; text-align:center;  float:left; margin-left:450px; display:inline; margin-top:20px; }
.jz .more2{ width:80px; height:40px; text-align:right; font:14px/40px Arial, Helvetica, sans-serif; color:#555; float:right; margin-top:20px; display:inline}
.jz .more2 a { color:#555;}
.jz .more2 a:hover{ text-decoration:underline}
.jz ul{ width:520px; height:330px; float:left; margin-top:40px; display:inline}
.jz ul li{ width:520px; height:328px; float:left;}
.jz ul li img{ display:block}
.jz ul li p{ width:250px; height:30px;  font:14px/30px "微软雅黑"; background:#000;  text-align:center }
.jz ul li p a{ color:#fff;}
.jz ul li p a:hover{ color:#ffb200;}
.jz .text{ width:480px; height:324px; float:right; margin-top:40px;}
.jz .text p{ width:480px; height:30px; font:14px/30px "微软雅黑"; color:#555; font-weight:bold;}
.jz .text p a{ font:16px/30px "微软雅黑"; color:#555; font-weight:bold;}
.jz .text span{ width:480px; height:200px; font:12px/24px "微软雅黑"; color:#555; display:block; overflow:hidden;}
.jz .text a{font:14px/30px "微软雅黑"; color:#ffb200; }


.about{ width:100%; height:415px; background:url(/template/test/img/shouye/about-bg.jpg) no-repeat center center; margin:0 auto; padding-top:25px; }
.about-img{ width:510px; height:278px; border:5px solid #fff; float:left; margin-top:30px; }
.about-text{ width:480px; height:278px; float:right; margin-top:30px;}
.about-text .title{ width:480px; height:30px; white-space:nowrap;  word-break:keep-all;    overflow:hidden;    text-overflow:ellipsis; font:18px/30px "微软雅黑"; color:#fff; font-weight:bold  }
.about-text p{ width:480px; height:180px; font:12px/24px "微软雅黑"; color:#fff; margin-top:20px;}
.about-text .more3{ width:90px; height:32px; background:#fff; text-align:center; font:12px/32px "微软雅黑";  margin-top:10px;}
.about-text .more3 a{color:#555; font:12px/32px "微软雅黑"; }
.about-text .more3 a:hover{color:#ffb200}


.news{ width:1024px; height:430px; vertical-align:middle; margin:50px auto; position:relative;}
.news a { color:#000;}
.news1{ width:490px; height:238px; float:left; margin-top:50px; display:inline}
.news1 img{ width:262px; height:238px; float:left;}
.news1 .news-text{ width:210px; height:238px; float:left; display:inline; margin-left:16px;}
.news-text p{ width:210px; height:30px; white-space:nowrap;  word-break:keep-all; overflow:hidden; text-overflow:ellipsis; font:14px/30px "微软雅黑"; color:#fff; font-weight:bold }
.news-text span{font:12px/24px "微软雅黑"; color:#555; display:block; width:210px; height:170px; overflow:hidden; }
.news-text .more4 a{ color:#ffb200; font:12px/24px "微软雅黑";}
.news-text .more4 a:hover{ text-decoration:underline}
.newslist{ width:490px; height:238px; float:right; margin-top:50px; display:inline;}
.newslist li{ width:490px; height:30px; line-height:30px; background:url(/template/test/img/shouye/newslistbg.gif) repeat-x center center;}
.newslist li a{ float:left; background:#fff; padding-right:5px; font:12px/30px "微软雅黑"; color:#555;}
.newslist li a:hover{ color:#000; text-decoration:underline;}
.newslist li span{ float:right; background:#fff; padding-left:5px; font:12px/30px "微软雅黑"; color:#555;}
.newsmore{ width:54px; height:26px; position:absolute; top:100px; left:480px;}


.tips{ width:1024px; height:420px; margin:0 auto;}
.tipsLi{ width:320px; height:270px; float:left; margin-top:30px; display:inline;}
.tipsLi img{ widows:156px; height:270px; float:left;}
.tipsLi .tips-text{ width:144px; padding:0 10px; height:270px; background:#eee; float:left;}
.tipsLi .tips-text p{ width:144px;  text-align:center; font:14px/18px "微软雅黑"; color:#555; margin-top:10px; font-weight:bold;}
.tipsLi .tips-text span{ font:12px/24px "微软雅黑"; color:#555; margin-top:10px; display:block; height:145px; overflow:hidden;}
.tipsLi .tips-text a{ width:100px; height:30px; display:block; background:#ffb200; font:12px/30px "微软雅黑"; color:#555; text-align:center; margin:20px auto;}


.footer{ width:100%; height:273px; background:url(/template/test/img/shouye/footerbg.gif) repeat-x; }
.footer .flogo{ width:210px; height:273px; float:left; background:url(/template/test/img/shouye/f-logo.jpg) no-repeat;}
.footer .f-text{ width:800px; height:160px; float:right}
.footer .f-text .fnav{ width:800px; height:30px; line-height:30px; font:14px/30px "微软雅黑"; color:#acacac; margin-top:50px;}
.footer .f-text .fnav a{font:14px/30px "微软雅黑"; color:#acacac; }
.footer .f-text p{ width:790px; line-height:24px; font:12px/30px "微软雅黑"; color:#acacac; padding-left:10px; margin-top:20px;}
.footer .f-text a{ padding-left:5px; font:12px/30px "微软雅黑"; color:#acacac;}
.footer .f-text a:hover{ text-decoration:underline;}
.footer .f-text .flink{ width:790px; padding-left:10px; font:12px/30px "微软雅黑"; color:#acacac; margin-top:30px;}



.tipsLi.no2{margin:30px 32px 0 32px;}



/* 内页 css */
.prolist{  background:#121212; margin:0; padding:0; width:215px;}
.prolist li{ width:180px; padding-left:35px;  height:40px; line-height:40px; border-bottom:1px dashed #666; margin:5px 0; background:url(/template/test/img/shouye/liststyle.png) 20px 19px no-repeat;}
.prolist li a{ font:14px/40px "微软雅黑","黑体", Arial; color:#fff;}
.prolist li a:hover{color:#e6a900;}
.nymain{ overflow:hidden; width:1023px; margin:30px auto 30px;}
.more{ float:right;}
.nytitle{ height:38px; line-height:38px; border-bottom:2px solid #350804;}
.nytitle h3{ font-size:16px; color:#350804}
.left .contact2{
	border: 1px solid #ccc; 
	overflow: hidden; font-family:"微软雅黑"; margin-top:20px; 
	  clear:both;
}
.contactmain {overflow:hidden; width:195px; padding:10px; height:auto}
.contacttitle{ height:30px; line-height:30px; background:#e6a900; line-height:50px; width:195px; padding:10px;}
.contacttitle h3 {
  color: #fff;
  float: left;
  font-size: 18px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 0;
}

.contacttitle .more a{ height:auto; border:0; color:#121212; line-height:30px;}



.righttitle{
background-color:#121212;
height: 50px;
line-height: 50px;
overflow: hidden; padding:0 15px; color:#fff;


	}
.righttitle h3 {float: left;font-size: 16px; font-weight:bold; height:18px; line-height:20px;color:#e6a900; border-left:5px solid #e6a900; padding-left:10px; margin-top:16px; display:inline; overflow:hidden}
.nycenter{overflow:hidden;  min-height:150px; padding:20px 10px; color:#555;}
.site{ float:right; color:#fff; height:50px; line-height:50px;}
.site a{ color:#fff;}
.site a:hover{ color:#ecd574}
.xiayiye{ text-align:center; padding-top:20px; font-size:14px;}
.xiayiye a{ color:#555;}
.xiayiye a:hover{ color:#350804}
#Change_Page{ border:1px solid #ccc; padding:0 5px;}
#nyarclist li{
overflow: hidden;}
#nyarclist li a{ display:block; height:38px; line-height:38px; color:#555; font-size:14px;}
#nyarclist li a:hover{ color:#350804}
#nyarclist li a:hover{ text-decoration:none;}
#nyarclist li a em{ float:right; font-style:normal; font-size:12px;}
.nycenter h1{ font-size:16px; font-weight:bold; text-align:center; line-height:32px; color:#380b08}
.fbtime{ border-bottom:1px dotted #ccc; text-align:center; line-height:26px; margin-bottom:15px;}


.nymain .left{ width:215px; float:left; }
#GBookAdd input{ height:28px; line-height:28px; border:1px solid #ccc; padding:0 5px; width:400px; margin-bottom:5px; background:none;}
#GBookAdd textarea{ width:400px; padding:5px; border:1px solid #ccc; min-height:100px; background:none}
#GBookAdd #Submit, #GBookAdd #ReSet{ width: 90px; cursor: pointer; height: 32px; line-height: 32px; border: 0; color: #fff; margin-top:5px; background:#e6a900; font-size:14px; font-family:"微软雅黑";}
#GBookAdd #ReSet{  background:#121212;}
.neiye-gbook ul li {
    background: url("/template/test/img/shouye/lyico.jpg") no-repeat scroll 0 22px;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 20px 20px 30px;
}
.nymain .right{overflow: hidden;width: 775px; float:right}

.nyhzkj #nyplist li{ height:110px;}
#Downlist li strong{ color:#350804; padding-right:20px;}
#Downlist li a:hover strong{ color:#350804;}
#Downlist p{ background-color:#e0e0e0; padding:10px; margin-bottom:20px; margin-top:5px;}


.lefttop{ color: #ecd574; overflow: hidden; background-color:#121212;}
.left .prolisttitle{
	font-size: 18px;
	line-height: 50px;
	height: 50px;
	line-height: 50px;
	background:#e6a900;
	width:215px;
	text-align:center;
	color:#fff;
	font-weight: bold
}

.prolist ul li.hover ul{ display:block;}
.prolist ul li.hover ul a{ color:#5b5b5b;}
.prolist ul li.hover ul a:hover{ color:#350804}

.nysearch{background-image: url("/template/test/img/shouye/topbg.png");
background-repeat: repeat;
border-bottom: 1px solid #e7e7e7; background-color:transparent;

}


.nycenter .newimg{ width:775px; height:auto}
.newimg li{ width:230px; height:200px; float:left; margin:20px 5px; padding:5px; border:1px solid #ccc; text-align:center; overflow:hidden;}
.newimg li a{ font-size:14px; color:#000;}
.newimg li a:hover{ color:#e6a900;}
.newimg li a img{  display:block; margin:0 auto; margin-bottom:10px;}



.nycenter .newimg2{ width:775px; height:auto}
.newimg2 li{  float:left; margin:20px 5px; padding:5px; border:1px solid #ccc; text-align:center; overflow:hidden;}
.newimg2 li a{ font-size:14px; color:#000;}
.newimg2 li a:hover{ color:#e6a900;}
.newimg2 li a img{  display:block; margin:0 auto; margin-bottom:10px;}









/* 内页 css END*/
#nykhjz dl{ position:relative; height:160px; overflow:hidden; background:#eee; padding:5px;  padding-left:280px; margin-bottom:15px;}
#nykhjz dt{ position:absolute; left:5px; top:5px;}
#nykhjz dd{ padding:10px 20px 0 0; height:150px;}
#nykhjz dd span{ height:66px; overflow:hidden; padding-top:5px; display:inline-block;}
#nykhjz dd a{ color:#121212;}
#nykhjz dd a:hover{ color:#e6a900;}